*{
    margin: 0px;
    padding: 0px;
}
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
}
//头部样式开始
.hear{
    width: 1366px;
    height: 44px;
 
    .hear_left{
        width: 578px;
        height: 44px;
        float: left;
        border-bottom: 1px solid gainsboro; 
        .hear_left_a{
            width: 143px;
           height: 16px; 
           margin-left:127px ;
           margin-top: 10px;
            li{
            float: left;
            margin:0px 16px;
            font-family: "Microsoft Yahei",微软雅黑;
            a{
                font-size:14px;
            color: black;
            }

        } 
        }
       
    }
    .hear_right{
        width: 642px;
        height: 44px;
        float: right;
        border-bottom: 1px solid gainsboro;
        .hear_right_a{
            width: 105px;
            height: 18px;
            float: right;
            margin-right:95px ;
            margin-top: 13px;
            position: relative;
            .buycar{
                position: absolute;
                top: 0px;
                left: -30px;
            }
            a{
                 font-family: "Microsoft Yahei",微软雅黑;
                 font-size:14px;
                 color: black;
                 span{
                     color: #FF7800;
                 }
            }
        } 
    }
}
//头部样式结束
//logo
.logo{
    position: absolute;
    top: 10px;
    left: 615px;
}
//导航样式开始
.hear_botton{
    width: 1100px;
    height: 45px;
    margin: 0 auto;
    border-left: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
        .haer_botton_a{
                width: 381px;
                height: 44px;
                float: left;
             
                .a1{
                 display: block;
                 width: 40px;
                 height: 43px;
                 float: left;
                 border-right: 1px solid gainsboro;
                 text-align: center;
                  line-height: 3em;
                 
                }
                 li{
                     
                        float: left;
                        width: 67px;
                        height: 43px;
                        border-right: 1px solid gainsboro;
                        text-align: center;
                        line-height: 2.8em;
                        
                        a{
                                 font-family: "Microsoft Yahei",微软雅黑;
                                 font-size:14px;
                                 color: black;
                                 
                          }
                        
                       }
                   
                   
                  }
       .hear_botton_b{
           width: 400px;
           height: 43px;
           float: right;
           .input_btn{
           float: right;
           width: 42px;
           height: 43px;
           background: url(../img/search.png) no-repeat;
           background-position: center; 
           border-left:none;
           }
        
         input{
               float: right;
               border-style: none;
               width: 200px;
               height: 43px;
               border-left:1px solid gainsboro ;
               font-size: 12px;
               text-indent: 10px;

         }
         li{
             width: 67px;
             height: 43px;
              float: right;
              border-left:1px solid gainsboro ;
               text-align: center;
                        line-height: 2.8em;
                         a{
                                 font-family: "Microsoft Yahei",微软雅黑;
                                 font-size:14px;
                                 color: black;
                                 
                          }
         }
           
          
       }
}

//导航样式结束
.shiji_body{
    border-top:1px solid #D1D1D1 ;
    width: 100%;
    height: auto;
    background: #F6F6F6;
    
    padding-top:60px ;
    //  公用部分开始
.margin(@margin:68px){
    margin-top: @margin;
}
     .body_a(@width:196px;@height:36px;@left:23px;@top:285px){
  
       display: block;
       float: left;
       margin-right: 44px;
       position: relative;
       &:hover{
         .a_botton{
           box-shadow: 5px 5px 0px 0px #FFA128;
         }
       }
       .a_botton{
           width: @width;
           height: @height;
           text-align: center;
           padding-top: 18px;
             position: absolute;
             left: @left;
             top: @top;
             box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
             background-color: #FFF;
           color: #54D6D6;
           font-family: "Microsoft Yahei",微软雅黑;
            font-size: 16px;
            line-height: 20px;
         
       }
     
   }
    .body_p(@margin:15px;@bottom:35px){
    width: 500px;
    height: 90px;
    margin: 0px auto;
     margin-top: @margin;
       margin-bottom:@bottom;
    font-family: "微软雅黑";
    font-size:30px;
    color: #999999;
    text-align: center;
    line-height: 4em;
}
.left_a{
       margin-right: 0px;
      } 
//  公用部分结束
    //<!--设计市集开始-->
     .shiji_title
        {
         width: 1140px;
         height: 86px;
         margin: 0px auto;
         background: white;
         position: relative;
         
         p{
             background: white;
             position: absolute;
             top: -33px;
             left: 410px;
             width: 231px;
             height: 66px;
              margin: 0px auto;
             font-size: 28px;
              font-family: "Microsoft Yahei",微软雅黑 !important;
              text-align:center ;
                color: #999;
                line-height: 66px;
                box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
             
         }
    

        }
        .shiji_tu{
            width: 1140px;
            height: 2262px;
            overflow: hidden;
            margin: 0px auto;
            
            .peizhi{
                width: 528px;
                height: 534px;
                margin-left: 20px;
                margin-right: 22px;
//              margin-top: 0px;
                float: left;
                background: white;
                 box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
                ul{
                    margin-top: 40px;
                }
                li{
                    width: 112px;
                    height: 21px;
                    margin-left: 52px;
                    float: left;
                    a{
                         font-family: "Microsoft Yahei",微软雅黑 !important;
                     font-size: 14px;
                     color: #0CC; 
                     &:hover{
                         background:#0CC ;
                         color: white;
                     }
                    }
                }
                .shiji_a{
                    width: 528px;
                    height: 320px;
                    display: block;
                    position: relative;
                    &:hover{
                    .biaoqian{
                          box-shadow: 5px 5px 0px 0px #FFA128;
                    }
                    }
                    .biaoqian{
                     width: 428px;
                     height: 36px;
                     background: white;
                     line-height: 20px;
                     text-align: center;
                     font-family: "Microsoft Yahei",微软雅黑 !important;
                     font-size: 16px;
                     color: #0CC;
                     padding-top: 18px;
                     position: absolute;
                     left: 53px;
                     bottom: -25px;
                     box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
                    }
                } 
            }
            .shiji_tu_1{
                width: 528px;
                height: 534px;
                margin-left: 20px;
                margin-right: 22px;
                margin-top: 40px;
                float: left;
                background: white;
                 box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
                ul{
                    margin-top: 40px;
                }
                li{
                    width: 112px;
                    height: 21px;
                    margin-left: 52px;
                    float: left;
                    a{
                         font-family: "Microsoft Yahei",微软雅黑 !important;
                     font-size: 14px;
                     color: #0CC; 
                     &:hover{
                         background:#0CC ;
                         color: white;
                     }
                    }
                }
                .shiji_a{
                    width: 528px;
                    height: 320px;
                    display: block;
                    position: relative;
                    &:hover{
                    .biaoqian{
                          box-shadow: 5px 5px 0px 0px #FFA128;
                    }
                    }
                    .biaoqian{
                     width: 428px;
                     height: 36px;
                     background: white;
                     line-height: 20px;
                     text-align: center;
                     font-family: "Microsoft Yahei",微软雅黑 !important;
                     font-size: 16px;
                     color: #0CC;
                     padding-top: 18px;
                     position: absolute;
                     left: 53px;
                     bottom: -25px;
                     box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
                    }
                }
            }
        }
//<!--设计市集结束-->
//<!--精选设计店铺开始-->
.shiji_jingxuan{
     width: 1100px;
   height: 831px; 
   margin: 0px auto;
   p{
       .body_p
 
   }
   
    a{
        .body_a
    }
    .da_a{
        .body_a(@width:482px;@height:36px;@left:23px;@top:285px)
    }

    .left_a{
      .left_a
  }
  .m_a{
      .margin
  }

}
//<!--精选设计店铺结束-->
.p{
    p{
        .body_p(@margin:118px);
        padding-bottom:100px ;
    }
}
}
//<!--更多精彩开始-->
.botton{
    width:100%;
    height: auto;
// padding-top:100px ;
   
    margin-top: 150px;
    .botton_a{
        width: 1100px;
        height: 300px;
        margin: 0px auto;
 
        p{
            color: #06C7D3;
            font-family: "Microsoft Yahei",微软雅黑;
            font-size: 20px;
            margin-bottom: 20px;

        }
        li{
                  position: relative;
                line-height: 22px;
                font-size: 14px;
               font-family: "Microsoft Yahei",微软雅黑 ;
            }
           
            .jingcai{
                float: left;
                margin-right: 200px;
                 a{
             color: #4A4A4A;
                font-size: 14px;
              font-family: "Microsoft Yahei",微软雅黑;
     
            &:hover{
               background: none repeat scroll 0% 0% #0CC;
               color: white;
            }
          
            }
            }
            .chengnuo{
                 float: left;
                  margin-right: 200px;
            }
            .guanzhu{
                width: auto;
                height: auto;
                float: left;
                 margin-right: 200px;
                 li{
                         margin-left:39px;
                     line-height: 50px;
                 }
                 
                 a{
                   
                     color: #4A4A4A;
                     font-size: 14px;
                     font-family: "Microsoft Yahei",微软雅黑;
                 
                     
            
                 }
                 .a-1{
                      margin-left:0px;
                     position: absolute;
                     left: -40px;
                     top: 10px;
                     display: block;
                     width: 30px;
                     height: 30px;
                     background: url(../img/share.png) 0px 0px no-repeat;
                 }
                 .a-2{
                      margin-left:0px;
                     position: absolute;
                      left: -40px;
                     top: 10px;
                     display: block;
                     width: 30px;
                     height: 30px;
                     background: url(../img/share.png) 0px -39px no-repeat;
                 }
                 .a-3{
                      margin-left:0px;
                     position: absolute;
                      left: -40px;
                     top: 10px;
                     display: block;
                     width: 30px;
                     height: 30px;
                     background: url(../img/share.png) 0px -78px no-repeat;
                 }
                 .a-4{
                      margin-left:0px;
                     position: absolute;
                      left: -40px;
                     top: 10px;
                     display: block;
                     width: 30px;
                     height: 30px;
                     background: url(../img/share.png) 0px -117px no-repeat;
                 }
                 .a-5{
                      margin-left:0px;
                     position: absolute;
                      left: -40px;
                     top: 10px;
                     display: block;
                     width: 30px;
                     height: 30px;
                     background: url(../img/share.png) 0px -157px no-repeat;
                 }
            }
              
            
            

        
        
    }
}
//<!--更多精彩结束-->
.bottom_b{
    width: 100%;
    height: 366px;
    background:#07C7D3 ;
    .bottom_1
    {
        color: #FFF;
        font-family: "Microsoft Yahei",微软雅黑;
        font-size: 27px;
        line-height: 135px;
        text-align: center;


    }
    .bottom_a{
        width: 1100px;
        height: auto;
        margin: 0px auto;
        text-align: center;
        a{
        color: #FFF;
        font-family: "Microsoft Yahei",微软雅黑;
        font-size: 12px;
        line-height: 20px;
        text-align: center;

        }
    }
    .bottom_2
    {
      color: #FFF;
        font-family: "Microsoft Yahei",微软雅黑;
        font-size: 12px;
        line-height: 20px;
        margin-top: 15px;
        text-align: center;
    }
    
    .santu
    {
        width: 360px;
        height: 53px;
        background: white;
        margin: 42px auto 0px;   
        border-radius: 8px;
      padding-top:12px ;
      padding-left: 10px;

    }
}






























